<template>
	<view>
		<view>
			<view class="header">
				<view>community</view>
				<view class="btn" @click="goto">
					Publish
				</view>
				
			</view>
		</view>
		<view class="main">
			<community-list />
		</view>
	</view>
</template>

<script>
import route from '@/uni_modules/uview-ui/libs/util/route.js';
import communityList from "./components/communityList/communityList.vue";

export default {
	components: { communityList },
	data() {
		return {
			
		};
	},
	methods: {
		goto(){
			route('/pages_second/publish/publish')
		}
	},
	watch: {},
};
</script>

<style lang="scss" scoped>
.paddingLayout{
	padding: 16rpx 48rpx;
}
.header {
	text-align: center;
	margin-top: 200rpx;
    font-size: 32rpx;
    font-weight: bolder;
	position: relative;
	.btn{
		position: absolute;
		right: 0rpx;
		bottom: -50%;
		background: $redTheme;
		font-size: 28rpx;
		font-weight: 600;
		color: #fff;
		padding: 20rpx 32rpx;
		border-radius: 28rpx;
		box-shadow: 4rpx 4rpx 4rpx #ccc;
	}


	.other {
		width: 42%;
		height: 64rpx;
		line-height: 64rpx;
		text-align: center;
		border-radius: 16rpx;
		font-weight: bolder;
	}
	.active {
		background: #ff5987;
		color: #fff;
		animation: myfirst 0.5s;
		@keyframes myfirst {
			0% {
				margin: 0rpx 0rpx;
			}
			50% {
				margin: 0rpx 10rpx;
			}
			100% {
				margin: 0rpx;
			}
		}
	}
}
</style>
<style>
page{
	background: #f0f3f5;
}
</style>
